﻿var numSeccX = 0;
var numPrgX = 0;
var numOptX = 0;

function deleteElement(strElement) {
    var element = document.getElementById(strElement);
    while (element.firstChild) {
        element.removeChild(element.firstChild);
    }
}

function addSeccion(idMain) {    
    var divtemp = newSeccion(numSeccX);
    var divSe = document.getElementById(idMain);
    divSe.appendChild(divtemp);
    numSeccX = numSeccX + 1;
}

function addPregunta(idSecc) {
    var divtemp = newPregunta(numPrgX);
    var divSe = document.getElementById(idSecc);
    divSe.appendChild(divtemp);
    numPrgX = numPrgX + 1;
}

function addOption(idOpt) {
    var divtemp = newOption(numOptX, idOpt);
    var divSe = document.getElementById(idOpt);
    divSe.appendChild(divtemp);
    numOptX = numOptX + 1;
}




function newSeccion(numSecc) {
    var seccTemp = document.createElement("div");
    seccTemp.setAttribute('id', 'Seccion' + numSecc);
    seccTemp.innerHTML = '<div id="__seccion_head_-1_' + numSecc + '"><br /><br />' +
	'<a onclick="deleteElement(\'Seccion' + numSecc + '\');" > Eliminar Seccion ...</a><br />' +
	'<span>titulo de la seccion </span><br />' +
    '<textarea style= "width: 100%; height: 60px;" rows="2" cols="20" type="text" id= "seccTitulo' + numSecc + '" name="ST" ></textarea><br /><br />' +
	'<span>Nota final de la seccion:</span><br />' +
	'<textarea style= "width: 100%; height: 60px;" rows="2" cols="20" type="text" id= "seccNota' + numSecc + '" name="SN" ></textarea><br /><br />' +
	'<br /></div>' +
	'<br /><a onclick= "addPregunta(\'__seccion_head_-1_' + numSecc + '\');" />Agregar Preguntas ...</a>';
    return seccTemp;
}

function newPregunta(numPreg) {
    var prgTemp = document.createElement("div");
    prgTemp.setAttribute('id', 'Pregunta' + numPreg);
    prgTemp.innerHTML = '<div id="__pregunta_head_-1_' + numPreg + '"><br>' +
	'<a onclick="deleteElement(\'Pregunta' + numPreg + '\');" >Eliminar Pregunta ...</a><br>' +
	'<span style="width: 50%;">Definir Pregunta : </span><br>' +
    '<textarea style= "width: 100%; height: 60px;" rows="2" cols="20" type="text" id= "txaPregunta' + numPreg + '" name="PR"></textarea><br /><br />' +
    '<span style="width: 60%; text-align: center;">esta pregunta depende de la de arriba ? </span>' +
	'<input id="chkboxPrg' + numPreg + '" type="checkbox" name="PD"><br>' +
	'<span>Elegir Tipo de Control para la respuesta:</span><br>' +
		'<select id="selOptPrg' + numPreg + '" name="PT" >' +
			'<option value="1">Radio</option>' +
			'<option value="2">Checkbox</option>' +
			'<option value="3">Abierta</option>' +
			'<option value="12">Combo</option>' +
		'</select><br>' +
	'<span>Seleccionar las Opciones de la respuesta (las abiertas no llevan):</span><br><br>' +
	'</div>' +
	'<a onclick="addOption(\'__pregunta_head_-1_' + numPreg + '\');" >Agregar Opciones ...</a><br>' +
	'</div>';
    return prgTemp;
}

function newOption(numOption, nameOpt) {
    var optTemp = document.createElement("div");
    optTemp.setAttribute('id', '__opcion_head_-1_' + numOption);
    optTemp.innerHTML = '<span>Muestra Pregunta </span>' +
                        '<input type=radio name="' + nameOpt + '"/>' +
                        '<span>Opcion:  </span>' +
                        '<input style="width: 30%;" id="txtOpcion' + numOption + '" type="text" name="OP">' +
                        '<span>Valor:  </span>' +
                        '<input style="width: 15%;" id="txtValor' + numOption + '" type="text" name="OV">' +
                        '<a onclick="deleteElement(\'__opcion_head_-1_' + numOption + '\');">Eliminar Opcion ...</a><br /><br />';
    return optTemp;
}


function hrTest() {
    var sAux = "<br />";
    var frm = document.getElementById("ctl01");
    for (i = 0; i < frm.elements.length; i++) {
        sAux += "NOMBRE: " + frm.elements[i].name + "<br />";
        sAux += "TIPO : " + frm.elements[i].type + "<br />";
        sAux += "VALOR: " + frm.elements[i].value + "<br /><br />";
    }
    document.writeln(sAux);
}
